<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            width: 200px;
            height: 300px;
            background: #cdcdcd;
            position: absolute;
            display: none;
        }
    </style>
</head>
<body>
  <div> </div>

  <script type="text/javascript">

      var oDiv = document.getElementsByTagName('div')[0];
     document.oncontextmenu = function (ev) {

         var oEvent = ev || event;
         oDiv.style.display = 'block';
         oDiv.style.left = oEvent.clientX+'px';
         oDiv.style.top = oEvent.clientY+'px';


         return false;
     }
  </script>
</body>
</html>